
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <title>Majestic Eagle Data Visualization</title>
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" src="utilities.js"></script>
        <script type="text/javascript" src="filterMenus.js"></script>
        <script type="text/javascript" src="usmap.js"></script>
        <script type="text/javascript" src="admissionsDomainModel.js"></script>
        <script type="text/javascript" src="filterDisplay.js"></script>
        <script type="text/javascript" src="filter.js"></script>
        <script type="text/javascript" src="highSchool.js"></script>
        <script type="text/javascript" src="filterInfoBox.js"></script>
        <script type="text/javascript" src="hsMarkers.js"></script>
        <script type="text/javascript" src="parseToFilter.js"></script>
        <script type="text/javascript" src="databases.js"></script>
        <script type="text/javascript" src="majorCodes.js"></script>
        <script type="text/javascript" src="loadingBar.js"></script>
        <script type="text/javascript" src="catagoricalListInput.js"></script>

        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div id="wrapper">
            <div id="left">
                <p id="errormessage"> </p>
                <div id="filterBar">
                	<h1>Filters:</h1>
            		<div id="filterPanel" class="filterMenuDisplay"></div>

                	<div id="filterMenu" class="filterMenuDisplay">
                		<h1>Filter Type:</h1>
                		<div class="filterSelection" id="filterSelector"></div>
                		<form id = "inputBox">
                			<input type = "text" id = "filterInputs" placeholder="Franklin High School, Camas High School" onKeyUp="javascript:cs441GoogleMapViz.refreshCatagoricalInput();" required>
                			<select id="catagoricalItemList" size=3></select>
                			<input type = "submit" value = "+add" id = "filterButton"/>
                		</form>
						<a id="openHelp" href="#helpModal">?</a>
						<p>*Taken from 2011-2012 admissions data</p>
                	</div> <!-- end of filterMenu -->
    	        </div> <!--end of filterBar-->
            </div><!--end of left-->
            
            <div id="right">
            	<div id="loading" class="loading-hidden">Loading High Schools...</div>
                <div id="contig_us_map_canvas"></div>
            </div><!--end of right-->
        </div><!--end of wrapper-->
        
        <div id="footer">
        	<div id="helpModal" class="modalDialog">
							<div>
								<a href="#close" title="Close" class="close">X</a>
								<h2>Input Help</h2>
								<p>
									Multiple High Schools/Majors can be selected at once by seperating 
								   	them via commas. 
								</p>
								   	<ul>
								   		<li>Example input: Accounting, Bio-Chemistry</li>
								   	</ul>
								
								<p>
									SAT's range from 0 to 1600 and do not include Writing.
									GPA ranges from 0.0 to 4.0.
									Multiple SAT/GPA ranges can be added with commas and dashes.
								</p>
									<ul>
								   		<li>Example SAT input: 3-3.2, 4</li>
								   		<li>Example GPA input: 1000, 1440-1500</li>
								   	</ul>
							</div>
						</div>
        </div><!--end of footer-->
    </body>

</html>
